<app-left-line
    [text]="'预约排队查询'"
  ></app-left-line>

<div class="query my-list">
  <div class="my-list-header">
    <span></span>
    <button nz-button nzType="primary" (click)="add()">新增预约</button>
  </div>

  <div class="content">
    <nz-table #smallTable nzSize="small" nzBordered
      [nzData]="data"
      [nzLoading]="dataLoading"
    >
      <thead>
        <tr>
          <th>序号</th>
          <th *ngFor="let col of cols | dealObj: 'value'">{{ col }}</th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let data of smallTable.data; let i = index">
          <td>{{ i + 1 }}</td>
          <td>{{ data['hallName'] }}</td>
          <td>{{ data['appointmentTypeName'] }}</td>
          <td>
            {{ data['appointmentTimeBegin'] | dateFormat: 'hh:mm' }} -
            {{ data['appointmentTimeEnd'] | dateFormat: 'hh:mm' }}
          </td>
          <td>{{ data['appointmentStateName'] }}</td>
          <td>{{ data['appointmentUserName'] }}</td>
          <td>{{ data['appointmentUserTel'] }}</td>
          <!-- <td>
            <button nz-button nzType="link" (click)="goDetail(data)"
            >详情</button>
          </td> -->
        </tr>
      </tbody>
    </nz-table>
  </div>
</div>